<template>
    <div style="
        display: flex;
        justify-content: left;
        align-items: center;
        margin-top: 20px;
      ">
        <h1>
            <div style="display: flex; align-items: center">
                <img style="width: 40px; height: 40px"
                    src="https://search-operate.cdn.bcebos.com/884c1c1f5db46c170df3c34a8e213ec9.png" alt="" />
                <span style="margin-left: 10px">{{ $translate("nba.Boston") }}</span>
            </div>
        </h1>
        <h2 style="margin: 0 10px">VS</h2>
        <h1>
            <div style="display: flex; align-items: center">
                <span style="margin-right: 10px">{{ $translate("nba.Dallas") }}</span>
                <img style="width: 40px; height: 40px"
                    src="https://search-operate.cdn.bcebos.com/42d7b5ec22b2eb411d68f94a04eab742.png" alt="" />
            </div>
        </h1>
    </div>
    <div style="
        display: flex;
        justify-content: left;
        align-items: center;
        margin-top: 10px;
        padding-left: 142px;
      ">.
        <h1>{{ 4 }}</h1>
        <h2 style="margin-right: 30px; margin-left: 30px">:</h2>
        <h1>{{ 1 }}</h1>
    </div>
    <!-- <router-link to="/routeTest/eduardo">/users/eduardo</router-link> -->
    <br />
    <router-link to="profile">/routeTest/profile</router-link>
    <br />
    <router-link to="posts">/routeTest/posts</router-link>
    <RouterView />
</template>
<script setup></script>